<script setup lang="ts">
import UvLine from '@/uv-ui/components/nv-line/uv-line.vue'

const show = ref(false)
function handleClose() {
  show.value = false
}
function open() {
  show.value = true
}
defineExpose({
  open,
})
</script>

<template>
  <wd-popup
    v-model="show"
    position="bottom"
    custom-style="border-radius:16rpx  16rpx 0  0;"
    @close="handleClose"
  >
    <view class="">
      <view class="flex items-center justify-between px-4 pt-2">
        <wd-button type="text" custom-class="text-tips">取消</wd-button>
        <wd-text text="请输入排序" class="flex-1 text-center" color="#333" size="14" />
        <wd-button type="text">确定</wd-button>
      </view>
      <uv-line />
      <view class="flex flex-col items-center p-4">
        <wd-text text="辣子鸡丁" bold color="#333" size="16" />
        <view class="mt-4 border-1 border-border rounded-md border-solid p-2">
          <wd-input placeholder="请输入序号" no-border border />
        </view>
      </view>
      <AppSafeBottom />
    </view>
  </wd-popup>
</template>

<style scoped lang="scss"></style>
